草庐IT

Bootstrap4 按钮

全部标签

javascript - 根据单选按钮值重定向浏览器

有没有一种更简单的方法可以根据单选按钮的选择来重定向浏览器?这行得通,但从我在万维网上阅读的内容来看,可能有一种更简单的方法。这是我的表格:GoogleYahooBing这是我的jquery:$(function(){$("input[name$='value']").click(function(){varvalue=$(this).val();if(value=='google'){window.location.assign("http://www.google.com");}elseif(value=='yahoo'){window.location.assign("http:

javascript - 更改特定元素的 Bootstrap 弹出窗口位置

我正在使用bootstrappopover在数据表上,正如您将从我的jsFiddle中看到的那样,每个单元格在单击时都会创建一个弹出窗口。我正在尝试为连续的最后一个td调整弹出框的位置或“位置”,想法是当单击最后一个单元格时,弹出框将位于左侧而不是顶部。如果滚动到表格的末尾,您会看到我已实现选择但未实现定位的最后一个单元格。关于如何实现这一点有什么想法吗?http://jsfiddle.net/N8NNC/1/弹出框的javascript代码如下:$(".metapop").popover({html:true,trigger:'manual',placement:'top',titl

javascript - 播放视频时暂停 Bootstrap 轮播

我有多张包含视频和图片的幻灯片。轮播设置为加载时自动播放。但是,当有人播放视频并将鼠标移出侧面时,它会一直滑动(正如预期的那样)。如何跟踪视频的播放和暂停时间?我搜索了StackOverflow,但没有找到类似的问题。站点管理员稍后会添加视频,因此它们可以是iframe或html5视频。因此,我需要一个适用于两者的解决方案。 最佳答案 这对我有用,可以在播放原生HTML5视频时暂停Bootstrap轮播,并在视频暂停或播放完毕后再次播放。我是一个完全的JS新手,但我四处搜索并将一些东西串在一起。我可能犯了一个错误(可能),但它对我有

javascript - Twitter Bootstrap 3 模态中的 jQuery Datepicker

我现在已经尝试了很多解决这个问题的方法,但我无法让它工作。我试图将日期选择器放入我的表单中。表单放置在Bootstrap模式中,整个内容通过ajax加载。一切正常,除了日期选择器放在模式中时根本不显示。我希望像这样的简单解决方案:.datepicker{z-index:9999!important;}会奏效,但事实并非如此。有人知道一个简单的解决方案吗?这是我的日期选择器:$(function(){$(".datepicker").datepicker({dateFormat:"yyyy-mm-dd"});});这是我的表格:×EndreartikkelMotattClos

javascript - Angularjs 在 ng-repeat 中显示和隐藏按钮

我有一个列表,它使用ng-repeat填充屏幕。每行都有一个按钮供用户单击以选择该行。通常您会使用单选按钮,但用户想要按钮切换。我真正想要的是显示第一个按钮(在第一次显示列表时隐藏第二个按钮),在用户点击第一个按钮选择特定行后,我想隐藏第一个按钮并显示第二个按钮.2个按钮有不同的ID、文本、样式。所以对于用户来说,就像在选择后更改按钮的外观一样。我尝试在函数populateFareOption(row.col3.value,row.col4.value)中设置showfarebut1/showfarebut2范围变量在Controller中,但所有行在单击第一个按钮后都有第二个按钮。任

javascript - 用JS模拟点击GMail div按钮

我想在没有JQuery的情况下使用JS模拟点击GMailCOMPOSE按钮。这是按钮:COMPOSE这是我的代码:varelement=document.getElementsByClassName('T-I-KE')[0];element.click();结果:undefined在所有浏览器中图片:http://i.imgur.com/4IX9DZX.png已经试过了:varevent=document.createEvent("MouseEvent");event.initEvent("click",true,true);varelement=document.getElement

javascript - 在嵌套的 ng-repeat 中使用带有单选按钮的 ng-model 不起作用

嘿,我正在尝试在ng-repeat中显示单选按钮列表,但它似乎没有接受我在输入中绑定(bind)到ng-model的字段的初始值。当我为ng-repeat提供一个简单的数组时,按钮会正确显示初始值。但是如果出现嵌套的ng-repeat,则只有每个列表的最后一项用一个值初始化这是我的笔:https://codepen.io/alokraop/pen/JXLZBp我不知道我哪里出错了。我确保单选按钮的name属性对于每个组都是唯一的。感谢您的帮助。 最佳答案 这里的问题是您不能将Angular值插入到属性name中。如果我们从HTML中

javascript - Jquery 按名称选择按钮

我不明白如何使用Jquery按名称选择按钮“g_list”。Title:Generatelist我写了这段Jquery代码,但它不起作用:$("input[name='g_list']").click(function(){alert("ready!");}); 最佳答案 在您的代码中,input[name='g_list']将搜索具有该名称的输入元素,而您需要搜索按钮,因此请使用button[name='g_list']为此。$("button[name='g_list']").click(function(){//--^----

javascript - 在 bootstrap 中,.pull-right 用于右对齐,.pull-left 用于左对齐,然后什么用于居中?

这个问题在这里已经有了答案:Inabootstrapresponsivepagehowtocenteradiv(18个答案)关闭6年前。在bootstrap中.pull-right用于右对齐.pull-left用于左对齐然后什么用于居中?

Javascript - 使用单击按钮使用隐藏的 div 中的内容填充 div

我需要一些帮助。正如您将在我的fiddle中看到的那样,我正在尝试使用按钮来使用来自多个隐藏div的内容填充单个容器div,具体取决于单击哪个按钮。我遇到的问题是,我不知道如何访问隐藏div中的实际内容来填充容器div。到目前为止,我正在使用隐藏div的id属性来演示我想在容器中显示哪些div内容。我看过其他一些带有链接的帖子引用隐藏内容的属性,但目前还没有使用具有点击功能的按钮元素来更改div内容。jQuery(function($){$('#button1').click(function(){$('#info').empty();$('#info').prepend('#opti